/*很做作的做了一个上下移动的横线，也不知道是受了谁家二维码扫描的影响*/
body,html{
    width:100%;
    height:100%;
    margin: 0 auto;
}
.qrscanner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.qrscanner-area {
    width: 65%;
    height: 40%;
    border: 2px solid #00FFFF;
    margin: 25% 0 0 17%;
    /*margin: 90px 0 0 60px;*/
}
 
.through-line {
    left: 20%;
    width: 60%;
    height: 2px;
    background: red;
    position: absolute;
    animation: myfirst 2s linear infinite alternate;
}
 
@keyframes myfirst {
    0% {
        background: red;
        top: 160px;
    }
 
    25% {
        background: yellow;
        top: 180px;
    }
 
    50% {
        background: blue;
        top: 200px;
    }
 
    75% {
        background: green;
        top: 220px;
    }
 
    100% {
        background: red;
        top: 240px;
    }
}
 
.button-bottom {
    width: 128px;
    position: absolute;
    left: 50%;
    bottom: 80px;
    margin-left: -64px;
}
 
.icon-camera {
    float: left;
}
